﻿#sliderContainer {
    width: 588px;
    position:relative; 
    height: 300px; 
    background-color:darkred; 
    float:left;
}

.slideContent {
    background:#000;
    opacity:0.8;
    filter:alpha(opacity=80);
    position: absolute;
    bottom:0px;
    right:0px;
    width: 590px; }

.slideContent:hover {
    background:#000;
    opacity:0.9;
    filter:alpha(opacity=90);
    position: absolute;
    bottom:0px;
    right:0px;
    width: 590px; }


.slide h3 { 
    color: #fff;  
    margin: 10px; } 

.slide p {  
    font-size: 14px;
    color: #FFF; 
    margin: 10px; }

.jFlowSlideContainer { 
    overflow: hidden; }

.jFlowSlideContainer a { 
    color: #F90; 
    text-decoration: none;  } 

.jFlowSlideContainer a:hover { 
    text-decoration: none; } 

.jFlowSlideContainer a:focus { 
    position: relative;
    top: 1px; } 
     
#myController {
    position: absolute;
    top: 5px; 
    right: 5px; }

.jFlowControl { 
    background:url('../../Images/banner/bullet.png') no-repeat 0px 0px;
    float: left;
    width: 15px;
    height: 15px;} 

.jFlowControl:hover { 
    background-position: -32px 0px;
    cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {
    background-position: -15px 0px;   } 